<script lang="ts" setup>
// #region 引入包, 函数和组件
// import { ref } from "vue"
import { useRouter } from 'vue-router';
// #endregion

// #region // 使用模块(仓库、路由、父组件参数函数)
const router = useRouter()
// #endregion

// #region // 变量

// #endregion

// #region // 函数
const init = () => {
  setTimeout(() => {
    router.push({ name: 'home' })
  }, 10000)
}
// #endregion

// #region // 生命周期和vue函数
init()
// #endregion

</script>

<template>
  <div class="start_page">
    <i class="icon-dianzi"></i>
    <i class="icon-zhentou">
      <svg
        height="750"
        node-id="1"
        sillyvg="true"
        template-height="750"
        template-width="1125"
        version="1.1"
        viewBox="0 0 1125 750"
        width="1125"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <defs node-id="12"></defs>
        <path
          d="M 478.80 153.60 L 477.30 147.10 L 473.20 137.00 L 469.70 130.30 L 465.70 123.60 L 461.10 116.80 L 456.10 110.30 L 450.70 104.20 L 446.90 100.30 L 439.10 93.80 L 435.00 91.10 L 430.90 88.90 L 427.00 87.30 L 423.90 86.40 L 417.90 85.80 L 415.00 86.10 L 412.60 86.80 L 410.40 87.80 L 408.50 89.30 L 406.70 91.10 L 404.90 94.00 L 403.30 97.40 L 402.00 101.50 L 401.00 105.70 L 399.90 115.40 L 399.70 123.00 L 400.40 138.70 L 402.90 159.40 L 405.20 172.20 L 395.70 176.10 L 386.60 180.30 L 377.90 184.90 L 369.50 189.80 L 361.50 195.00 L 353.70 200.60 L 346.30 206.60 L 339.10 212.80 L 332.20 219.20 L 325.70 226.00 L 317.90 234.80 L 310.40 243.90 L 303.40 253.40 L 296.80 263.20 L 290.70 273.20 L 284.80 283.50 L 279.40 294.00 L 274.30 304.70 L 268.00 319.20 L 262.30 333.80 L 257.20 348.60 L 252.60 363.50 L 248.50 378.20 L 244.90 392.90 L 241.70 407.60 L 236.60 435.70 L 233.60 456.20 L 231.50 475.00 L 229.80 493.20 L 228.10 523.90 L 227.80 535.60 L 228.00 559.30 L 292.50 565.90 L 337.00 570.00 L 389.60 574.60 L 478.60 581.50 L 542.00 585.50 L 606.00 588.80 L 668.50 590.90 L 698.30 591.40 L 727.40 591.50 L 772.20 590.50 L 803.70 588.70 L 818.90 587.40 L 832.30 585.80 L 853.30 582.20 L 867.90 578.50 L 873.60 576.50 L 878.50 574.40 L 882.40 572.30 L 885.50 570.20 L 888.00 568.10 L 889.90 565.90"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="16"
          stroke="#151216"
          stroke-linecap="butt"
          stroke-width="1"
          target-height="505.7"
          target-width="662.10004"
          target-x="227.8"
          target-y="85.8"
        />
        <path
          d="M 445.50 159.50 L 471.30 154.80 L 517.20 147.40 L 556.60 142.00 L 578.10 139.40 L 622.60 135.10 L 645.30 133.50 L 682.60 131.90 L 711.10 132.00 L 725.10 132.60 L 738.20 133.50 L 759.80 136.10 L 776.30 139.40 L 783.60 141.40 L 790.90 143.80 L 797.40 146.50 L 803.10 149.50 L 808.00 152.60 L 824.60 141.90 L 838.40 134.20 L 846.20 130.30 L 854.30 126.70 L 862.60 123.40 L 873.90 120.00 L 884.90 118.00 L 890.20 117.60 L 895.20 117.70 L 899.00 118.20 L 902.50 119.00 L 909.00 121.60 L 911.90 123.50 L 914.60 125.70 L 917.10 128.50 L 919.40 131.80 L 921.90 136.40 L 923.60 140.70 L 924.80 144.80 L 925.40 148.70 L 925.60 152.80 L 925.30 156.70 L 924.70 160.40 L 923.60 164.00 L 921.60 168.70 L 919.20 173.20 L 916.30 177.50 L 913.00 181.60 L 906.00 189.10 L 900.40 194.20 L 883.50 208.20 L 881.20 211.10 L 881.00 212.20 L 881.40 214.50 L 882.60 218.60 L 892.10 245.60 L 899.40 269.10 L 905.30 292.10 L 907.90 304.40 L 910.40 317.80 L 912.70 332.60 L 914.50 347.30 L 915.80 363.30 L 916.80 380.50 L 917.00 406.60 L 916.50 420.70 L 915.60 435.50 L 914.30 450.00 L 912.50 465.10 L 910.20 480.90 L 907.30 497.40 L 904.00 513.50 L 900.00 530.30 L 895.30 547.70 L 889.90 565.80"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="18"
          stroke="#151216"
          stroke-linecap="butt"
          stroke-width="1"
          target-height="448.19998"
          target-width="480.09998"
          target-x="445.5"
          target-y="117.6"
        />
        <path
          d="M 869.20 565.90 L 873.40 563.90 L 879.00 562.50 L 884.80 562.60 L 887.70 563.10 L 891.00 564.20 L 894.50 565.80 L 897.80 568.00 L 901.40 571.00 L 905.20 575.00 L 908.60 579.40 L 912.10 585.10 L 915.80 592.30 L 919.00 599.60 L 922.30 608.70 L 925.60 619.80 L 927.00 625.90 L 927.80 631.00 L 928.00 635.20 L 927.80 638.80 L 927.10 642.40 L 926.00 645.40 L 924.60 647.80 L 922.90 649.80 L 920.70 651.40 L 918.30 652.70 L 915.50 653.70 L 912.40 654.20 L 908.10 654.50 L 903.30 654.30 L 892.70 652.40 L 881.40 649.10 L 872.70 645.90 L 855.60 638.40 L 834.20 627.30 L 821.30 619.80 L 806.50 626.80 L 794.00 632.10 L 779.80 637.70 L 761.50 644.30 L 734.20 652.80 L 718.00 657.40 L 701.70 661.50 L 683.90 665.50 L 664.50 669.30 L 650.10 671.80 L 619.00 676.10 L 602.30 677.80 L 585.80 679.20 L 568.70 680.10 L 550.90 680.60 L 532.50 680.70 L 514.20 680.30 L 495.40 679.40 L 476.10 677.90 L 456.10 675.80 L 440.40 673.70 L 424.40 671.20 L 408.00 668.20 L 391.30 664.80 L 374.30 660.80 L 357.70 656.50 L 340.80 651.70 L 323.60 646.20 L 306.10 640.20 L 288.30 633.60 L 265.90 643.50 L 247.90 650.20 L 237.80 653.40 L 227.50 656.20 L 217.20 658.50 L 203.50 660.40 L 197.10 660.70 L 190.70 660.60 L 184.80 659.90 L 179.40 658.60 L 175.50 657.30 L 172.00 655.50 L 168.80 653.30 L 166.00 650.80 L 163.60 647.80 L 161.70 644.70 L 160.30 641.50 L 159.40 638.00 L 159.00 634.50 L 158.90 630.80 L 159.30 626.90 L 160.10 622.90 L 161.70 617.70 L 164.00 612.30 L 167.00 606.70 L 170.40 601.40 L 174.30 596.10 L 178.80 590.90 L 183.60 585.90 L 188.80 581.10 L 194.40 576.60 L 200.30 572.40 L 206.40 568.60 L 212.70 565.30 L 219.20 562.40 L 225.70 560.00 L 232.40 558.20 L 242.40 556.70 L 252.30 556.70"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="20"
          stroke="#151216"
          stroke-linecap="butt"
          stroke-width="1"
          target-height="124"
          target-width="769.1"
          target-x="158.9"
          target-y="556.7"
        />
        <path
          d="M 846.20 173.30 L 833.10 198.60"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="22"
          stroke="#151216"
          stroke-linecap="butt"
          stroke-width="1"
          target-height="25.300003"
          target-width="13.100037"
          target-x="833.1"
          target-y="173.3"
        />
        <path
          d="M 469.90 312.30 L 540.00 465.20"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="24"
          stroke="#151216"
          stroke-linecap="round"
          stroke-width="1"
          target-height="152.90002"
          target-width="70.100006"
          target-x="469.9"
          target-y="312.3"
        />
        <path
          d="M 626.10 289.60 L 558.80 425.60"
          fill="#db667a"
          fill-rule="nonzero"
          node-id="26"
          stroke="#151216"
          stroke-linecap="round"
          stroke-width="1"
          target-height="136"
          target-width="67.29999"
          target-x="558.8"
          target-y="289.6"
        />
      </svg>
    </i>
    <h3>
      <a href="javascript:void(0);"> <span>校</span>当铺 </a>
    </h3>
    <p>大学生二手物品交易平台</p>
    <em>School pawnshop</em>
  </div>
</template>

<style lang="scss" scoped>
.start_page {
  width: 100%;
  height: 100%;
  background: #a7b7ac;
  position: relative;
  padding-top: 80rem;
  z-index: -1;
}
.icon-dianzi {
  background: rgba($color: #5c866b, $alpha: 0.45);
  position: absolute;
  width: 500rem;
  height: 500rem;
  top: 100rem;
  left: 0rem;
  z-index: -2;
  transform: perspective(200rem) rotateX(4deg) rotate(45deg);
  border: 1rem solid #797979;
  opacity: 0.5;
}
.icon-zhentou {
  position: absolute;
  top: 80rem;
  left: -60rem;
  z-index: -1;
  svg {
    width: 500rem;
    height: 500rem;
  }
  path {
    fill: #829f8b;
  }
}
h3 {
  font-family: '华文彩云';
  margin: 0 auto;
  text-align: center;
  width: 200rem;
  height: 80rem;
  line-height: 80rem;
  font-size: 40rem;
  background: rgba($color: #555555, $alpha: 0.55);
  a {
    color: #fff;
    position: relative;
    &::after {
      content: '';
      border-top: 1rem solid #80ffff;
      width: 150rem;
      position: absolute;
      bottom: -5rem;
      left: -3rem;
    }
  }
  span {
    font-size: 60rem;
  }
}
p {
  font-size: 16rem;
  font-weight: 600;
  text-align: center;
  padding-left: 45rem;
  line-height: 40rem;
}
em {
  position: fixed;
  bottom: 60rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-style: italic;
  color: #666;
  &::after {
    content: '';
    border-top: 1rem solid #80ffff;
    width: 150rem;
    position: absolute;
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
</style>
